<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>首页</title>
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<script src="js/jquery.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="cong-head">
			<nav class="navbar navbar-default nav_top">
				<h4 class="navbar-text">宠物圈</h4>
			</nav>
			<div class="a_list">
				<ul class="list-group clearfix cong-ul-01">
					<li class="list-group-item col-xs-3"><a href="index.html"><span>首页</span></a></li>
					<li class="list-group-item col-xs-3"><a href="classes.html"><span>版块</span></a></li>
					<li class="list-group-item col-xs-3"><a href="shop.html"><span>商城</span></a></li>
					<li class="list-group-item col-xs-3 active1"><a href="activity.html"><span>活动</span></a></li>
				</ul>
			</div> 
		</div>
			<div class="container">
				<div class="act-top"><h3>活动列表</h3></div>
		        <ul class="act-ul-01">
		            <li>
		            	<a href="actone.html">
		            		<img src="img/run1.jpg" class="img-thumbnail" >
		            		<p>欢乐赛跑</p>
		            	</a>	
		            </li>
		            <li>
		            	<a href="#">
		            		<img src="img/run4.jpg" class="img-thumbnail" >
		            		<p>外貌设计大赛</p>
		            	</a>	
		            </li>
		            <li>
		            	<a href="#">
		            		<img src="img/run3.jpg" class="img-thumbnail" >
		            		<p>游泳比赛</p>
		            	</a>	
		            </li>
		        </ul>
    </div>
	</body>
</html>
